import {Component} from 'react'
class Demo2 extends Component {
  constructor(){
    super()
    this.state={
      name:'李四',
      age:18,
    }
  }
  // 使用bind方法
  bindage(){
    this.setState({
      age:this.state.age+1
    })
  }
  // 定义事件函数为箭头函数
  addAge=()=>{
    this.setState({
      age:this.state.age-1
    })
  }
  nameAmend(e){
    console.log(e);
    this.setState({
      name:e.target.dataset.name
    })
    console.log(this.state.name);
  }
  render(){
    return (<>
      <h2>02事件和改变this指向</h2>
          <p>年龄:{this.state.age}</p>
          <p>姓名:{this.state.name}</p>
          <button onClick={this.bindage.bind(this)}>使用bind修改年龄</button>
          <button onClick={()=>{this.bindage()}}>使用箭头函数修改年龄</button>
          <button onClick={this.addAge}>定义事件函数为箭头函数修改年龄</button>
          <button data-name='张三' onClick={(e)=>{this.nameAmend(e)}}>使用事件传参</button>
      </>)
  }
}
export default Demo2